<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>关于我们</title>
    <!--<link rel="stylesheet"
          href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
    <link rel="stylesheet"
          href="dist/css/bootstrap.min.css">
    <script src="dist/js/jquery-2.1.4.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <style>
        body {
            padding-top: 80px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <img alt="140x140" src="images/favicon.ico" class="img-circle" width=22px
                             style="float: left;margin-top: 13px"/>
                        <p class="navbar-brand">仰恩社区</p>
                    </div>
                    <div class="collapse navbar-collapse navbar-responsive-collapse"
                         id="example-navbar-collapse">
                        <div class="col-xs-6" style="margin-top: 10px;margin-left: 50px">
                            <ul class="nav nav-pills nav-justified" style="margin-right: 50px">
                                <li><a href="Index"><strong>校园动态</strong></a></li>
                                <li><a href="news.html"><strong>校园新闻</strong></a></li>
                                <li><a href="campusbrows.html"><strong>校园浏览</strong></a></li>
                                <li><a href="campusview.html"><strong>校园风采</strong></a></li>
                                <li><a href="personal.html"><strong>我的心愿墙</strong></a></li>
                                <li class="active"><a
                                        href="aboutours.html"><strong>关于网站</strong></a></li>
                            </ul>
                        </div>
                        <!--<div style="margin-top: 3px;float: right">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="regist.html"><span
                                        class="glyphicon glyphicon-user"></span>
                                    注册</a></li>
                                <li><a href="login.html"><span
                                        class="glyphicon glyphicon-log-in"></span> 登录</a>
                                </li>
                            </ul>
                        </div>-->
                    </div>
                </div>
            </nav>
        </div>
    </div>

    <div class="row clearfix">
        <div class="col-md-3 column hidden-xs" style="margin-left: -8px">
            <div class="col-xs-12 column">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <p class="text-center"><img alt="140x140" src="images/59.jpg"
                                                    class="img-circle" width=100px/></p>
                        <p class="text-center h4"><span class="glyphicon glyphicon-user"></span><a
                                href="" style="text-decoration:none;">巴黎左岸</a></p>
                    </div>
                </div>
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title"><span class="glyphicon glyphicon-map-marker"></span>
                            动态导航</h3>
                    </div>
                    <a href="index.html" class="list-group-item"><span
                            class="glyphicon glyphicon-hand-right"></span> 校园动态</a>
                    <a href="news.html" class="list-group-item"><span
                            class="glyphicon glyphicon-hand-right"></span> 校园新闻</a>
                    <a href="campusbrows.html" class="list-group-item"><span
                            class="glyphicon glyphicon-hand-right"></span> 校园浏览</a>
                    <a href="campusview.html" class="list-group-item"><span
                            class="glyphicon glyphicon-hand-right"></span> 校园风采</a>
                    <a href="personal.html" class="list-group-item"><span
                            class="glyphicon glyphicon-hand-right"></span> 我的心愿墙</a>
                    <a href="aboutours.html" class="list-group-item"><span
                            class="glyphicon glyphicon-hand-right"></span> 关于网站</a>
                </div>
            </div>
        </div>
        <div class="col-md-9 column ">
            <div class="col-xs-12 column">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title">关于我们</h3>
                    </div>
                    <div class="panel-body">
                        <div><p class="text-center"><img alt="140x140" src="images/favicon.ico"
                                                         class="img-circle" width=100px/></p>
                            <p class="text-center h4"><a
                                    href="" style="text-decoration:none;">仰恩说</a></p>
                        </div>

                        <div class="row clearfix">
                            <div class="col-md-2 column">
                            </div>
                            <div class="col-md-8 column">
                                <div class="panel-body">
                                    <dt>
                                        “仰恩说”是一款校园社交平台网页，它具备响应式，可以满足你的各种设备需求，通过任意一种设备随时随地的了解校园动态,分享新鲜事。我们的目的是更好的服务于每一个仰恩人。
                                    </dt>
                                </div>
                                <div class="panel-body">
                                    <dt>
                                        <span class="glyphicon glyphicon-tags"></span> 关注我们
                                    </dt>
                                    <dl>新浪微博：honey巴黎左岸66</dl>
                                    <dt>
                                        <span class="glyphicon glyphicon-phone-alt"></span> 联系我们
                                    </dt>
                                    <dl>Email：737728852@qq.com <br>
                                        QQ：737728852<br>
                                        微信号：yb737728852</dl>

                                </div>
                            </div>
                            <div class="col-md-2 column">
                            </div>
                        </div>


                        <div class="bottom" style="margin-top: 10px;color: #2aabd2">
                            <hr>
                            <h5 class="text-center">COPYRIGHT 2016 YANGENSHUO all right RESERVED
                                版权所有·仰恩说 </h5>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>